<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>业务支出</title>
	<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
	<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
	<link rel="stylesheet" href="assets/css/businessexpensehome.css">
	<link rel="stylesheet" type="text/css" href="assets/css/businessexpense.css" />
</head>

<body>
	<div class="container">
		<div class="navigation before">
		</div>
		<div class="content">
			<header class="">
				<div class="left">
					<!-- <img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg">
						<img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg"> -->
					<!-- <h1>2022年 全面预算</h1> -->
					<div class="">
						<h2>支出</h2>
						<p><a href="index.html">首页 - <a href="business.html">业务</a><span> - 支出</span></p>
					</div>
				</div>
				<div class="right">
					<div class="search">
						<div class="year">
							<p>时间：</p>
							<input type="text" name="" id="year" value="" />
						</div>
						<div class="section">
							<p>部门：</p>
							<div class="sector">
								<div class="">
									<span>全所</span>
								</div>
							</div>
							<div class="options">
								<div class="all">
									<i></i>
									<p>全所</p>
								</div>
							</div>
						</div>
					</div>
					<time></time>
					<div class="menu">
						<a class="goBack" href="javascript:goFront();">前往后台</a>
						<div class="user">
							<p>A</p>
							<div class="">
								<a href="change-password.html">修改密码</a>
								<a href="login.html">退出登录</a>
							</div>
						</div>
					</div>
				</div>
			</header>
			<div class="wrapper">
				<!-- <div class="modelone">时间维度</div>
					<div class="modeltwo">业务板块</div>
					<div class="modelthree">主要执行部门</div> -->
				<p id="schemaviewguid"><a href="index.html">全面预算 - <a href="business.html">科研生产支出</a><span> -
							材料</span></p>
				<a href="#" class="schemaview"><img src="./assets/images/org/icon-jiagou@2x.png">组织架构视图</a>
				<div class="esun-charts-group">
					<div class="esun-box esun-receive-type1">
						<div class="caption">
							<div class="topic">
								<h2 style="color: white;">本年业务支出总预算</h2>
								<a href=""><img src="assets/images/capital/icon-arrow@2x.png"></a>
								<!-- <time>2021.04-2022.03</time> -->
							</div>
							<!-- <select>
									<option value="">本年</option>
									<option value="">去年</option>
									<option value="">明年</option>
									<option value="">前年</option>
								</select> -->
						</div>
						<div class="expenseInfo">
							<!-- <div class="total">
									<p>预算总额</p>
									<h3>${FormatCash(data.key04)}<span>万元</span></h3>
								</div>
								<div class="details">
									<div class="">
										<p>执行金额</p>
										<h5>${FormatCash(data.key02)}<span>万元</span></h5>
									</div>
									<div class="">
										<p>剩余金额</p>
										<h5>${FormatCash(data.key03)}<span>万元</span></h5>
									</div>
									<div class="rate">
										<div class="chart">
											<div class="">
												<svg>
													<circle cx="38" cy="38" r="35" stroke="rgba(255, 255, 255, 0.6)"
														stroke-width="2" fill="rgba(255, 255, 255, 0.2)"
														stroke-linecap="round" />
												
													<circle cx="38" cy="38" r="35" stroke="#FFFFFF" stroke-width="6"
														fill="none" stroke-dasharray="109.9" stroke-dashoffset="109.9"
														stroke-linecap="round" />
												</svg>
											</div>
											<img src="assets/images/icon_Execution@2x.png">
										</div>
										<div class="">
											<p>执行率</p>
											<h5>${Percent(data.key01)}%</h5>
										</div>
									</div>
								</div> -->
						</div>
						<!-- <div class="expensecontent">
								<div class="contentleft">
									<ul>
										<li>执行金额</li>
										<br>
										<li><span class="implementmoney">0.00</span> 万元</li>

									</ul>
								</div>
								<div class="contentright">
									<ul>
										<li>预算总额 <div class="rightmoney"><span class="totalimplement">0.00</span> 万元
											</div>
										</li>
										<br>
										<li>剩余金额<div class="rightmoney"><span class="leftmoney">0.00</span> 万元</div>
										</li>

									</ul>
								</div>
							</div>

							<div class="expensebottom">
								<div class="bottomtop">预算执行率 <div class="rightmoney"><span
											class="implementprecent">0.0</span>%</div>
								</div>
								<div class="bottomprogress">
									<br>
									<div class="progress">
										<div class="progressline"></div>
									</div>
									<div class="progressunder"></div>
									</svg>
								</div>
							</div> -->

					</div>

					<div class="esun-box esun-receive-type2">
						<div class="caption">
							<div class="">
								<h2>月度累计预算执行</h2>
							</div>
						</div>
						<div id="monthlybudget"></div>
					</div>

					<div class="esun-box esun-receive-type3">
						<div class="caption">
							<div class="">
								<h2>季度累计预算执行</h2>
							</div>
						</div>
						<div id="quarterbudget"></div>
					</div>
					<!-- <div style="width:100%; height: 60px;"></div> -->
					<!-- <div class="esun-box esun-receive-type4">
							<div class="caption">
								<div class="">
									<h2>各板块执行占比</h2>
								</div>
							</div>
							<div id="abcd"></div>
							<div id="abcdd"></div>
						</div>
						<div class="esun-receive-type5">

						</div>

						<div style="width:100%; height: 60px;"></div>
						<div class="esun-box esun-receive-type6">
							<div class="caption">
								<div class="">
									<h2>各部门执行占比</h2>
								</div>
							</div>
							<div id="efgh"></div>

						</div>
						<div class="esun-receive-type7">

						</div> -->
				</div>
			</div>
		</div>
	</div>


	<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/plugins/chartlib.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/plugins/comm.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/http/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/businessexpenseData.js" type="text/javascript" charset="utf-8"></script>


</body>

</html>